<template>
    <div id="app">
        <router-view/>
    </div>
</template>

<script>
  export default {
    name: 'app',
  };
</script>

<style>
    * {
        -webkit-touch-callout: none; /*系统默认菜单被禁用*/
        -webkit-user-select: none; /*webkit浏览器*/
        -khtml-user-select: none; /*早期浏览器*/
        -moz-user-select: none; /*火狐*/
        -ms-user-select: none; /*IE10*/
        user-select: none;
    }

    input {
        -webkit-user-select: auto; /*webkit浏览器*/
    }

    textarea {
        -webkit-user-select: auto; /*webkit浏览器*/
    }

    .title_focus_toolTip {
        z-index: 7;
        position: absolute;
        display: none;
        min-width: 200px;
        min-height: 50px;
        max-width: 200px;
        word-break: normal;
        border-style: solid;
        transition: left 0.4s cubic-bezier(0.23, 1, 0.32, 1),
        top 0.4s cubic-bezier(0.23, 1, 0.32, 1);
        background-color: rgba(50, 50, 50, 0.701961);
        border-width: 0px;
        border-color: #333333;
        border-radius: 4px;
        color: #ffffff;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        font-stretch: normal;
        font-size: 14px;
        font-family: SourceHanSansCN;
        line-height: 21px;
        padding: 10px 10px;
        z-index: 9999;
        pointer-events: none;
        word-break: break-word;
    }

    th .gutter {
        /*background-color: #F5F5F6!important;*/
    }

    .detailsFloatL {
        float: left;
    }

    .detailsFloatR {
        float: right;
    }

    .lableTop {
        margin-top: 5px;
    }

    .detailsLableL {
        font-size: 18px;
        font-family: SourceHanSansCN;
    }

    .dataManage18px {
        font-size: 18px !important;
        font-family: SourceHanSansCN;
    }

    .el-table__empty-text {
        font-size: 20px !important;
    }

    .memberMgdataManageText {
        font-size: 22px !important;
        font-family: SourceHanSansCN;
    }

    .memberMgdataManageBtn {
        font-size: 24px !important;
        font-family: SourceHanSansCN;
    }

    .tableBroadCastNoticeDatasDatastabledataManage18px {
        font-size: 18px !important;
    }

    .dataManage16px {
        font-size: 16px !important;
        font-family: SourceHanSansCN;
    }

    .dataManageBtn20px {
        font-size: 20px !important;
        font-family: SourceHanSansCN;
    }

    .gloSearchBtn20px {
        font-size: 20px !important;
        font-family: SourceHanSansCN;
    }

    .dataManageBtn22px {
        font-size: 24px !important;
        font-family: SourceHanSansCN;
        margin: auto 15px !important;
    }

    .searchFormDataManageBtn22px {
        font-size: 24px !important;
        font-family: SourceHanSansCN;
    }

    .dataManageBtn24px {
        font-size: 24px !important;
        font-family: SourceHanSansCN;
    }

    .dataManageBtn22BtnpPx { /*所有弹框按钮字体*/
        font-size: 22px !important;
        font-family: SourceHanSansCN;
        /*margin-right: 10px !important;*/
        margin: auto 10px !important;
    }

    .callbroadcastBtnBox {
    }

    .callbroadcastBtnBoxcheckbox {
        margin: auto 80px;
        vertical-align: middle;
    }

    .dataManageBtn30px {
        font-size: 30px !important;
        font-family: SourceHanSansCN;
    }

    .footerBtnMargin {
        margin: auto 10px !important;
    }

    .dataManageFooterBtnMargin {
        font-size: 20px !important;
        margin: 0 20px !important;
    }

    .treeLableImg {
        height: 25px;
        width: 25px;
        margin-right: 10px;
        vertical-align: middle
    }


    /deep/ .el-dialog__title {
        font-size: 18px;
    }

    /deep/ .el-icon-close:before {
        font-size: 25px;
    }

    /deep/ .el-message__content {
        font-size: 40px;
    }

    .el-message-box__title {
        font-size: 25px !important;
    }

    .el-message-box__message {
        font-size: 25px !important;
    }

    .el-message-box__btns span {
        font-size: 20px !important;
    }

    .el-message .el-message--success .el-message__content {
        font-size: 40px !important;
    }

    /*模态弹框*/
    .el-message__content {
        font-size: 20px !important;
    }

    .el-message__icon {
        font-size: 20px !important;
    }

    .itemMorePheBox {
        width: 180px;
        height: 50px !important;
        position: relative;
        display: flex;
    }

    .itemMorePheBox-dropdown-item {
        height: 50px !important;
        line-height: 50px !important;
        position: relative;
    }

    .dispatchSystemAddressBook-itemMorechild-iconAndPhoneImg {
        height: 60px;
        width: 60px;
    }

    .itemMorePheBox-img-child-icon {
        width: 70px !important;
        height: 70px !important;
    }

    /*闭铃图标*/
    .shoutPenVoiceImg {
        height: 35px;
        width: 35px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
</style>
<style>
    /*下拉框样式*/
    .el-select-dropdown__item {
        font-size: 20px !important;
        margin: 10px auto;
    }

    .el-tree-node {
        margin-top: 15px !important;
        height: auto;
    }

    .el-input--small {
        font-size: 20px !important;
    }

    .el-time-spinner__item {
        font-size: 20px !important;
    }

    .el-time-panel__btn {
        font-size: 20px !important;
    }

    /*时间选项样式*/
    .el-date-picker__header .el-date-picker__header-label {
        font-size: 22px
    }

    .el-input__inner {
        font-size: 20px
    }

    .el-picker-panel__content .el-date-table {
        font-size: 22px !important;
        margin: 15px !important;
    }

    .el-date-table td span {
        width: 30px !important;
        height: 30px !important;
        line-height: 30px !important;
        position: absolute !important;
        left: 40% !important;
    }

    .el-picker-panel__footer button.el-button {
        font-size: 22px !important;
    }

    .el-input__icon {
        font-size: 22px !important;
    }

    .el-picker-panel__footer .el-button--text {
        font-size: 22px;
        display: inline-block;
        line-height: 1;
        white-space: nowrap;
        cursor: pointer;
        background: #FFF;
        border: 0.005208rem solid #DCDFE6;
        color: #606266;
        -webkit-appearance: none;
        text-align: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        outline: 0;
        margin: 0;
        -webkit-transition: .1s;
        transition: .1s;
        font-weight: 500;
        padding: 7px 15px;
        border-radius: 0.020833rem;
        margin-right: 10px !important;
    }

    .el-picker-panel__footer .el-button--text:hover {
        border: 0.005208rem solid #409EFF;
        color: #409EFF;
    }

    .el-picker-panel__icon-btn {
        font-size: 25px !important;
        margin-top: unset !important;
    }

    .el-date-table td {
        padding: 8px 0 !important;
    }

    .el-select__tags-text {
        font-size: 22px !important;
    }

    .el-tag__close .el-icon-close:before {
        font-size: 22px !important;
    }

    .el-select .el-tag__close.el-icon-close::before {
        position: absolute !important;
        top: 5px !important;
    }

    .el-select .el-tag__close.el-icon-close {
        width: 25px !important;
        height: 25px !important;
        /*font-size: 22px!important;*/
    }

    /*时间选项样式*/
    .GetBroadCastNoticeDetailStyle {
        max-height: 200px;
        overflow: auto;
    }

    /*广播通知弹框样式*/
    .el-notification {
        width: 400px !important;
        height: 100px;

    }

    .el-notification__title {
        font-size: 22px !important;
    }

    .el-notification__content {
        font-size: 20px !important;
    }

    .el-notification__closeBtn {
        font-size: 25px !important;
    }

    /*广播通知弹框样式*/
    .el-icon-caret-right:before {
        font-size: 30px !important;
    }

    /*坐席状态*/
    /*离线*/
    .agentTextLeave {
        color: #B1B1B1;
        font-size: 22px;
        line-height: 20px;
    }

    /*空闲*/
    .agentTextFree {
        color: #00a0e9;
        font-size: 22px;
        line-height: 20px;
    }

    /*回铃中*/
    .agentTextRingBack {
        color: #00a0e9;
        font-size: 22px;
        line-height: 20px;
    }

    /*响铃中*/
    .agentTextRinging {
        color: #00a0e9;
        font-size: 22px;
        line-height: 20px;
    }

    /*呼叫中*/
    .agentTextCalling {
        color: #00a0e9;
        font-size: 22px;
        line-height: 20px;
    }

    /*未启用*/
    .agentTextNotisStart {
        /*color: #111111;*/
        color: #B1B1B1;
        font-size: 22px;
        line-height: 20px;
    }

    /*未安装客户端*/
    .agentTextNotbHasDc {
        color: #00a0e9;
        font-size: 22px;
        line-height: 20px;
    }

</style>
<!--音频播放插件样式-->
<style>
    .el-form-item__error {
        font-size: 20px !important;
    }

    .aplayer-time-inner {
        font-size: 18px !important;
    }

    .aplayer-ptime {
        font-size: 18px !important;
    }

    .aplayer-dtime {
        font-size: 18px !important;
    }

    .aplayer-bar-wrap {
    }

    .aplayer-button .aplayer-pause {
        /* width: 20px!important;
         height: 20px!important;*/

    }

    .aplayer-pic .aplayer-play .aplayer-icon-play {
        /*top: 0px !important;
        left: 0px !important;*/
    }

    .aplayer .aplayer-body .aplayer-info {
        /*height: 80px !important;*/
    }

    .aplayer-controller .aplayer-time {
        height: 36px !important;
        display: none !important;
    }

    .aplayer-icon {
        /*width: 30px !important;
        height: 30px !important;*/
    }

    .table-wrap {
        bottom: 5% !important;
    }

    .aplayer-bar-wrap {
        padding: 14px 0 !important;
    }

    .aplayer-bar-wrap .aplayer-bar {
        height: 4px !important;
    }

    .aplayer-controller .aplayer-icon {
        width: 30px !important;
        height: 30px !important;
    }

    .aplayer-volume-bar-wrap {
        bottom: 30px !important;
    }

    input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
        -webkit-appearance: textfield;
    }

    input[type="number"] {
        -moz-appearance: textfield;
    }

    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none !important;
    }

    .el-checkbox__label {
        font-size: 20px !important;
    }

    .el-loading-spinner .el-icon-loading {
        font-size: 60px !important;
    }

    .el-loading-spinner .el-loading-text {
        font-size: 35px !important;
    }
</style>
